<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
/* Global */
body { font-size:0.25cm; font-family:'微软雅黑'; font-weight:100; }
#logo { padding:0; }
/* List */
ul { margin:0; padding:0; }
li { font-size:0.8em; list-style:none; leight:1.2em; }
li span.value { text-decoration:underline; }
/* Table */
table { border-collapse:collapse; border-spacing:0; font-size:1em; }
table thead th, table tfoot td { border-top:1pt solid #000000; border-bottom:1pt solid #000000; padding:0.3em; }
table tbody td { boder:0px; padding:0.3em; }
.col3 { width:100%; }
.col1, .col2, .col4, .col5, .col6, .col7, .col8 { white-space:nowrap; }
.col1 { text-align:center; }
.col6, .col7, .col8 { text-align:right; }
/* Ding */
.ding { position:relative; *zoom:1;
}
.ding:after { content:""; display:block; clear:both; }
/* X (Horizontal) */
.xcl { clear:left; }
.xcr { clear:right; }
.xcb { clear:both; }
.xcn { clear:none; }
.xfl { float:left; }
.xfr { float:right; }
.xfc { margin-left:auto; margin-right:auto; }
.xfn { float:none; }
.xtl { text-align:left; }
.xtr { text-align:right; }
.xtc { text-align:center; }
</style>
</head>

<body>
<div id="bbody">
  <div class="wrapping">
    <div class="filling">
      <div id="bb1st" class="ding">
        <div id="logo" class="xfl"><img src="../logo/logo_v1_4t_ps.png" style="width:5cm;height:2.5cm;" /> </div>
        <div class="xfr" style="width:12cm;">
          <div class="xfl" style="width:5cm;">
            <ul>
              <li><span class="name">订购日期：</span> <span class="value">2012-03-03</span></li>
              <li><span class="name">发货单号：</span> <span class="value">KL-210083194667</span></li>
              <li><span class="name">收货人姓名：</span> <span class="value">张瑞</span></li>
              <li><span class="name">国家：</span> <span class="value">中国</span>&nbsp;&nbsp;<span class="name">省份：</span> <span class="value">宁夏</span></li>
              <li><span class="name">城市：</span> <span class="value">银川市</span>&nbsp;&nbsp; <span class="name">区县：</span> <span class="value">金凤区</span></li>
            </ul>
          </div>
          <div class="xfr" style="width:7cm;">
            <ul>
              <li><span class="name">地址：</span> <span class="value">灵芝巷盈难村新村部西200米158号</span></li>
              <li><span class="name">手机：</span> <span class="value">15809503950</span></li>
              <li><span class="name">电话：</span> <span class="value">0951-5171019</span></li>
              <li><span class="name">订单号：</span> <span class="value">210083194667</span></li>
            </ul>
          </div>
        </div>
      </div>
      <div id="bb5th" class="ding">
        <table style="width:100%;">
          <caption style="font-size:2em;">
          步步街发货单
          </caption>
          <thead>
            <tr>
              <th class="col1">&nbsp;序号</th>
              <th class="col2">&nbsp;商品编码</th>
              <th class="col3">&nbsp;商品名称</th>
              <th class="col4">&nbsp;规格</th>
              <th class="col5">&nbsp;单位</th>
              <th class="col6">&nbsp;单价(元)</th>
              <th class="col7">&nbsp;数量</th>
              <th class="col8">&nbsp;金额(元)</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="col1">1</td>
              <td class="col2">436660</td>
              <td class="col3">水星（Mercury） MD895N 150M 共享上网一体机</td>
              <td class="col4">&nbsp;</td>
              <td class="col5">&nbsp;</td>
              <td class="col6">132</td>
              <td class="col7">1</td>
              <td class="col8">132</td>
            </tr>
            <tr>
              <td class="col1">2</td>
              <td class="col2">368884</td>
              <td class="col3">水星（Mercury） MW150U 150M 无线USB网卡</td>
              <td class="col4">&nbsp;</td>
              <td class="col5">&nbsp;</td>
              <td class="col6">27</td>
              <td class="col7">1</td>
              <td class="col8">27</td>
            </tr>
            <tr>
              <td class="col1">3</td>
              <td class="col2">164974</td>
              <td class="col3">奔腾（POVOS）电饭煲 PFF40E-C 电脑版酒红（4L）加厚内胆</td>
              <td class="col4">&nbsp;</td>
              <td class="col5">&nbsp;</td>
              <td class="col6">189</td>
              <td class="col7">1</td>
              <td class="col8">189</td>
            </tr>
            <tr>
              <td class="col1">4</td>
              <td class="col2">199739</td>
              <td class="col3">L'OREAL PARIS巴黎欧莱雅可丝莹温和染发霜535号 晶纯巧克力48ml+72ml+40ml</td>
              <td class="col4">&nbsp;</td>
              <td class="col5">&nbsp;</td>
              <td class="col6">57</td>
              <td class="col7">1</td>
              <td class="col8">57</td>
            </tr>
            <tr>
              <td class="col1">&nbsp;</td>
              <td class="col2">&nbsp;</td>
              <td class="col3">&nbsp;</td>
              <td class="col4">&nbsp;</td>
              <td class="col5">&nbsp;</td>
              <td class="col6">&nbsp;</td>
              <td class="col7">&nbsp;</td>
              <td class="col8">&nbsp;</td>
            </tr>
            <tr>
              <td class="col1">&nbsp;</td>
              <td class="col2">&nbsp;</td>
              <td class="col3">&nbsp;</td>
              <td class="col4">&nbsp;</td>
              <td class="col5">&nbsp;</td>
              <td class="col6">&nbsp;</td>
              <td class="col7">&nbsp;</td>
              <td class="col8">&nbsp;</td>
            </tr>
            <tr>
              <td class="col1">&nbsp;</td>
              <td class="col2">&nbsp;</td>
              <td class="col3">&nbsp;</td>
              <td class="col4">&nbsp;</td>
              <td class="col5">&nbsp;</td>
              <td class="col6">&nbsp;</td>
              <td class="col7">&nbsp;</td>
              <td class="col8">&nbsp;</td>
            </tr>
            <tr>
              <td class="col1">&nbsp;</td>
              <td class="col2">&nbsp;</td>
              <td class="col3">&nbsp;</td>
              <td class="col4">&nbsp;</td>
              <td class="col5">&nbsp;</td>
              <td class="col6">&nbsp;</td>
              <td class="col7">&nbsp;</td>
              <td class="col8">&nbsp;</td>
            </tr>
          </tbody>
          <tfoot>
            <tr>
              <td class="col1">&nbsp;合计：</td>
              <td class="col2">&nbsp;</td>
              <td class="col3">&nbsp;</td>
              <td class="col4">&nbsp;</td>
              <td class="col5">&nbsp;</td>
              <td class="col6">&nbsp;</td>
              <td class="col7">4</td>
              <td class="col8">405</td>
            </tr>
          </tfoot>
        </table>
      </div>
      <div id="bb9th" class="ding" style="height:1cm;line-height:1cm;font-size:1.4em;">
        <div style="position:absolute;left:00%;">总计：405.00</div>
        <div style="position:absolute;left:16%;">已收款：405.00</div>
        <div style="position:absolute;left:32%;">应收款：0.00</div>
        <div style="position:absolute;left:64%;">客户签收：</div>
      </div>
      <!-- x：恒为居中；y：半页之前 -->
      <div id="colophon" style="position:absolute;left:50%;top:12cm;">
        <span style="position:relative;left:-50%;font-size:1.6em;white-space:nowrap;">非常感谢您在步步街 http://www.bubujie.com 购物，我们期待您的再次光临！</span>
      </div>
    </div>
  </div>
</div>
</body>
</html>
